<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>淘沙</title>
  <link rel="stylesheet" href="css/style.css">
  <script src="js/jquery.js"></script>
  <script src="js/main.js"></script>
</head>

<body>
<!-- 登录界面 -->
<div class="login-container">
  <div class="login-form">
    <div class="form-div">
      <label for="username">用户: </label>
      <input type="text" id="username" placeholder="用户名或邮箱">
    </div>

    <div class="form-div">
      <label for="password">密码: </label>
      <input type="password" id="password">
    </div>

    <div class="form-div">
      <button id="login-btn">登录</button>
    </div>
  </div>
</div>

<!-- 收藏界面 -->
<div class="share-container">
  <div class="share-form">
    <div class="form-div">
      <label for="title">标题: </label>
      <input type="text" id="title">
    </div>

    <div class="form-div">
      <label for="users">提醒: </label>
      <input type="text" id="users" placeholder="想@的人名(例如: @张三, @李四)">
    </div>

    <div class="form-div">
      <button id="share-btn">确认</button>
      <button id="logout-btn">退出登录</button>
    </div>
  </div>
</div>

</body>

</html>